*{
    margin:0;
    padding:0;
}
.pic{
    width:990px;
    margin:0 auto;
}
.pic img{
    width:300px;
    height:100%;
    border:8px solid white;
}
.pic img:nth-of-type(1){
    position:relative;
    left:50px;
    top:50px;
    transform: rotate(-40deg);

}


.pic img:nth-of-type(2){
    position:relative;
    left:80px;
    top:30px;
    transform: rotate(10deg);
}
.pic img:nth-of-type(3):hover{
     position:relative;
     left:70px;
     top:-60px;
     transform: rotate(-20deg);
 }
.pic img:nth-of-type(4){
     position:relative;
     left:30px;
     top:-80px;
     transform: rotate(30deg);
 }
.pic img:nth-of-type(5){
    position:relative;
    left:20px;
    top:-40px;
    transform: rotate(-30deg);
}
.pic img:nth-of-type(6){
    position:relative;
    left:70px;
    top:-20px;
    transform: rotate(60deg);
}
.pic img:nth-of-type(7){
    position:relative;
    left:10px;
    top:-40px;
    transform: rotate(-60deg);
}
.pic img:nth-of-type(8){
    position:relative;
    left:10px;
    top:-70px;
    transform: rotate(-40deg);
}
.pic img:nth-of-type(9){
    position:relative;
    left:80px;
    top:-60px;
    transform: rotate(-20deg);

}
.pic img:nth-of-type(10){
    position:relative;
    left:20px;
    top:-160px;
    transform: rotate(60deg);
}
.pic img:nth-of-type(1):hover{
    transform: scale(1.5);
    z-index:1;
}
.pic img:nth-of-type(2):hover{
    transform: scale(1.5);
    z-index:1;
}
.pic img:nth-of-type(3):hover{
    transform: scale(1.5);
    z-index:1;
}
.pic img:nth-of-type(4):hover{
    transform: scale(1.5);
    z-index:1;
}
.pic img:nth-of-type(5):hover{
    transform: scale(1.5);
    z-index:1;
}
.pic img:nth-of-type(6):hover{
    transform: scale(1.5);
    z-index:1;
}
.pic img:nth-of-type(7):hover{
    transform: scale(1.5);
    z-index:1;
}
.pic img:nth-of-type(8):hover{
    transform: scale(1.5);
    z-index:1;
}
.pic img:nth-of-type(9):hover{
    transform: scale(1.5);
    z-index:1;
}
.pic img:nth-of-type(10):hover{
    transform: scale(1.5);
    z-index:1;

}


